﻿/* CSS DOCUMENT */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, ol, ul, li {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

body
{
    margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 1.2em;
    color: #000;
}

h1
{
    font-size: 1.2em;
    padding-top:6px;
    text-transform:uppercase;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 5px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}


a 
{
	color:blue;
	text-decoration:none;
}
a:hover
{
	color:blue;
	text-decoration:underline;
}

img 
{
	border: none;
}

fieldset 
{   
    padding: 0px 9px 9px 9px;    
    /*background-color: #6495ED; */
    border: solid 0px #ffffff
}

fieldset table {
	border-top:	0px solid #cfcfcf;
	border-right: 0px solid #cfcfcf;
	/*font-family: Verdana; 
	font-size: 12px;*/
	color:#000000;
	background-color: #f5f5f5; /*#FFFFF3;*/
	border-collapse: collapse;
}

fieldset table td.top 
{
	padding-top: 12px;
}

fieldset table th{
	border-left: 0px solid #cfcfcf;
	border-bottom: 0px solid #cfcfcf;
	background:#f1edec url(../images/bg_th.gif) repeat-x bottom left;
	padding: 3px;
}

fieldset table td{
	padding-left:3px;
}

fieldset table td.bl{
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 3px;
	background-color:#ededed;
	display: block;
}

fieldset table thead  {cursor: pointer;}

fieldset p
{
	padding-top:5px;
}
fieldset p label
{
	display:block;
	float:left;
	width:18%;
	padding:0px 0px 0px 0px;
}
fieldset p input
{
	display:block;
	float:left;
}

input[type="radio"]
{
	border:solid 2px #e5e5e5;
}

input[type="text"] {
    border: 1px solid #CCCCCC;
    height: 20px;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

.clear
{
    clear: both;
}

.error
{
    color:Red;
}

table.tbl , .icon-block, .button-tabs, #tabs
{
	width: 960px;
}

table.tbl
{
    color: #000000;
    border-bottom: 3px solid #000;
    border-top: 1px solid #cfcfcf;
    border-right: 3px solid #cfcfcf;
    border-collapse: collapse;    
    margin: 20px auto 0 auto;   
}

table.tbl-inner
{
	width: 100%;
	color: #000000;
    /*border-bottom: 3px solid #000;
    border-top: 1px solid #cfcfcf;*/
    border-right: 1px solid #cfcfcf;
    border-collapse: collapse;    
    margin: 0;   
}

table.tbl th
{
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background: #f1edec url(../images/bg_th.gif) repeat-x bottom left;
	padding: 3px;
	text-align: center;
}


table.tbl td
{
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 3px;
}

/* SON.LE ADD IN 03 - 12 - 2010
----------------------------------------------------------*/
table.tbl td.label
{
    /* background-color: #EEEEE6; */    
    background-color: #EEEEE6;
    color: #000080;
    height: 25px;
    padding: 0 0 0 5px;
    text-align: left;
    /*width: 200px !important;*/
}

table.tbl td.label2
{
    /* background-color: #EEEEE6; */    
    background-color: #EEEEE6;
    color: #000080;
    height: 25px;
    padding: 0 0 0 30px;
    text-align: left;
    /*width: 200px !important;*/
}

table.tbl td.ie7 
{
	width: 280px;
}

table.tbl td.content
{
    height: 25px;
    padding: 0 0 0 5px;
    text-align: left;
}

table.tbl td.title
{
    background-color: #3394A1;
    color: #FFFFFF;
    font-size: 14px;
    height:25px;
    text-align: center;    
}

table.tbl td div.money
{
    text-align: right;
    width: 150px;    
    border-right: 1px solid #cfcfcf;
    padding-right:5px;
}

table.tbl td.sum 
{
	border-left-color: #EEEEE6;
}

table.tbl tr.button
{
    background-color : #dcdcdc;
    height: 45px;
    text-align: left;
}

/* ĐỊNH DẠNG BUTTON Ở CÁC JQUERY TABS
----------------------------------------------------------*/
.button-tabs { height: 45px; text-align: left; margin: 5px auto 0 auto; }

.button-tabs input[type="button"], .button-tabs input[type="submit"] { width: 80px; }

table.tbl td input.textinput[type="text"] { margin: 0px; height: 20px; width:100% }
table.tbl td input.money[type="text"] { margin: 0px; height: 20px; width:150px; }
table.tbl td .text-editor { height: 50px; width: 100%; }
table.tbl td input.summary[type="text"] { font-weight: bold; height: 25px; font-size: 1.3em; }
table.tbl td textarea.textinput { margin: 0px; width:99.7% }
table.tbl td select.combobox { margin: 0px; width: 100%; min-width: 220px; }
table.tbl td select.bank { margin: 0px; width: 58%; }
table.tbl td input.number[type="text"], table td input.number[type="text"] { text-align: right; }
table.filter td select.combobox { margin: 0px; width: 100%; }
table.tbl td span.number { float: right; }


/* SỬ DỤNG CHO DANH SÁCH CHỦ DỰ ÁN TRONG VIEW EDIT,ADD DỰ ÁN
----------------------------------------------------------*/
table.tbl2 
{
    color: #000000;
    border: 1px solid #cfcfcf;
    border-collapse: collapse;    
    margin-left: 1px;
    margin-top: 10px;
    /*width: 900px;*/
}
/*end: son.le add in 03-12-2010*/

/* SỬ DỤNG CHO VIỆC CHÚ THÍCH THÔNG TIN son.le(2011.03.02)
----------------------------------------------------------*/
.notes
{
	/*color: #000;*/
	border: none;
	font-size: 10px;
	font-style: italic;
	text-align: center;
}

.subtitle
{
	color: #008080;
	font-size: 11px;
	font-style: italic;
	padding-left: 10px;
}
/*end*/

table.border td
{
    border: solid 1px #E1E1E1;
} 
table.search
{
   margin: 0 auto; 
}

table.tbl td.bl
{
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 3px;
	background-color: #ededed;
	display: block;
}

table th 
{
	text-align: center;
}

table thead
{
	cursor: pointer;
}

/*form { margin-left: 10px;}*/


#swaper_Content
{	
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1003px;
}


input.label
{
	width: 95%;
	border: 0;
}

input.labelNumber
{
	width: 95%;
	border: 0;
	text-align: right;
}

/* WORLDSOFT CORPORATION - HUE   
----------------------------------------------------------*/
.left { text-align: left; }
.clear { clear: both; }
.content-right { margin: 0 2px;}
table.center, td.center { text-align: center;  }
.center { text-align: center !important; }

.fl { float: left; }
.fr { float: right; }

#tabs { margin: 0 auto; }

.pointer { cursor: pointer; }
.loading { width: 400px; height: 40px; background: url(../images/loading.gif) no-repeat; margin: 0 auto -9px auto; }
.border { border: solid 1px; }
.hidden { display: none; }

/* MENU TIM KIEM
----------------------------------------------------------*/
.main {}
.search { margin: 13px auto; width: 677px ; border: 2px solid #F8F8F8; padding: 8px 14px; background-color: Transparent } 
.search table { width: 100%; }
.search table input[type="button"] { padding: 0 9px; } 
.search table input[type="text"].textbox { width: 225px; }

/* KHUNG EDITOR CHO CAC PHAN DANH MUC
----------------------------------------------------------*/
.main .edit-area { width: 51%; margin: 12px auto; border: 2px solid #F8F8F8; padding: 15px 20px; }
.main .edit-area .button { margin-top: 5px; }
.main .edit-area .bank { width: 382px; }

.main .function { margin: 7px 5px; }
.main .header select.filter { width: 327px; }

/* THIET LAP TRANG THAI (PHIEU DANG KY, HOP DONG) 
----------------------------------------------------------*/
.status .red, .status .blue, .status .green, .status .gray { height: 12px; width: 12px; margin: 0 auto; }
.status .red, .status .red  { background-color: Red; }
.status .blue { background-color: Blue; }
.status .green { background-color: Green; }
.status .gray { background-color: Gray; }

td.red, td.red a { color: Red; }
td.blue, td.blue a { color: Blue; }
td.green,td.green a { color: Green; }
td.gray,td.gray a { color: Gray; }

.tabs-content { margin: 12px 2px; }

.new-items, .details, .project-new-items { padding: 0px 0px 0px 0px; }
.new-items input[type="text"], .new-items textarea { width: 220px; }

.project-new-items input[type="text"], .project-new-items textarea { width: 295px; }
.project-new-items input[type="text"].code { width: 82px; font-weight: bold; text-transform: uppercase; }
.project-new-items textarea { height: 68px; }
.project-new-items select { width: 297px; }

.new-items input[type="text"].code { width: 150px; }
.new-items select { width: 223px; margin: 3px 0 }

table.tbl .checkbox { width: 25px; }

/* DU AN
----------------------------------------------------------*/
.new-items .project .selectlist { width: 220px; height: 81px; }
.new-items .multi-selectist {  }

/* DINH DANG TOM TAT NOI DUNG THONG TIN CHI TIET
----------------------------------------------------------*/
/*table.tbl td ul.summary { padding-left: 28px; margin: 0 auto; }*/

#details a, #details a:hover { color: #3393A1; text-decoration: none; }
#details tbody { font-size: 13px; }
.details-block { border: 1px solid #E0E0E0; }
.details td.title { width: 125px; }

/* KHACH HANG
----------------------------------------------------------*/
.edit-area .customer { width: 150px; }

/* PHIEU DANG KY
----------------------------------------------------------*/

.pdk-items input[type="text"], 
.pdk-items textarea { width: 200px; }
.pdk-items input[type="text"].code { width: 150px; }
.pdk-items select { width: 200px; }
.pdk-list select { width: 300px; }

.icon-print, .icon-pile, .icon-transfer, .icon-remove, .icon-rightarrow, .icon-bill, .icon-edit, .icon-print, .icon-mail,.icon-delete, .icon-refresh, .icon-payment, .icon-liquidate, .icon-invoice, .icon-move, .icon-add, .icon-billinvoice, .icon-extend, .icon-signed { width: 16px; height: 16px; display: block; float: left; margin: 0 4px; }
.icon-register, .icon-contract { width: 16px; height: 16px; display: block; float: left; margin: 0 6px; }
.icon-remove-upload { width: 16px; height: 16px; display: block; margin: 0 4px; }

.icon-refresh { background: url(../images/icons/refresh.png) no-repeat center left; }
.icon-add { background: url(../images/icons/add.png) no-repeat center left; }
.icon-register { background: url(../images/icons/register.png) no-repeat center left; }
.icon-contract { background: url(../images/icons/contract.png) no-repeat center left; }
.icon-print { background: url(../images/icons/print.png) no-repeat center left; }
.icon-pile { background: url(../images/icons/pile.png) no-repeat center left; }
.icon-transfer { background: url(../images/icons/transfer.png) no-repeat center left; }
.icon-remove { background: url(../images/icons/remove.png) no-repeat center left; }
.icon-rightarrow { background: url(../images/icons/right_arrow.png) no-repeat center left; }
.icon-extend { background: url(../images/icons/extend.png) no-repeat center left; }
.icon-bill { background: url(../images/icons/bill.png) no-repeat center left; }
.icon-edit { background: url(../images/icons/edit.png) no-repeat center left;  }
.icon-print { background: url(../images/icons/print.png) no-repeat center left;  }
.icon-mail { background: url(../images/icons/mail.png) no-repeat center left; }
.icon-delete, .icon-remove-upload { background: url(../images/icons/delete.png) no-repeat center left; }
.icon-payment { background: url(../images/icons/payment.png) no-repeat center left; }
.icon-liquidate { background: url(../images/icons/liquidate.png) no-repeat center left; }
.icon-invoice { background: url(../images/icons/invoice.png) no-repeat center left; }
.icon-move { background: url(../images/icons/move.png) no-repeat center left; } 
.icon-billinvoice { background: url(../images/icons/billinvoice.png) no-repeat center left; }
.icon-signed { background: url(../images/icons/sign.png) no-repeat center left; } 

/* DINH DANG HIEN THI ICON
----------------------------------------------------------*/
.display-icon img { float: left; }

/* FILE HINH ANH DINH KEM
----------------------------------------------------------*/
.attactment-image { width: 97px; height: 97px; border: 0; }

/* DINH DANG UPLOAD HINH ANH
----------------------------------------------------------*/
.upload-images, .new-image { width: 225px; clear: both; }
.list-images { width: 200px; } 

/* DINH DANG LIEN KET DANH MUC HE THONG
----------------------------------------------------------*/
a.category { color: White; }
a.category:hover { text-decoration: none; }
a.link { color: Blue !important; }
a.link-black { text-decoration: underline; }
a.link:hover { text-decoration:none; }

/* CAC TRUONG BAT BUOC PHAI NHAP THONG TIN
----------------------------------------------------------*/
.required-field { color: Red; }

#icon .delete { background: url('../images/icons/delete.png') no-repeat; width: 16px; height: 16px; float: left; padding-right: 4px; }

/* NGOC ANH - WORLDSOFT
----------------------------------------------------------*/
textarea.text { width: 548px; margin: 3px 0 }
table.tbl td.format { width: 160px; height: 30px; padding: 0 0 0 10px; color: #8B0000}
td.format { width: 160px; height: 30px; padding: 0 0 0 10px; color: #8B0000}
.dmformat { width: 160px; color: Blue }
tr.tr_format{ border: 1px solid #cfcfcf; }

table.tblDetail
{    
    border: 1px outset #999966;
    color: Black;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;     
}

table.view-details
{      
    width:100%;
    background-color: White;    
    font-family: Verdana; 
    font-size: 12px;
    border-collapse: collapse;   
}

table.view-details th
{
   text-align: center;
   color: White;
   background-color: rgb(51, 147, 161);
   font-weight: bold;   
   border: 0.1em solid White; 
   font-size: 0.9em;
}

table.view-details td
{ 
    color: Black; 
    background-color: #F0F0F0;
    font-family: Verdana;
    font-size: 1em;
    border: 0.1em solid White;
}
.title-details
{
    background-color: #3394A1;
    color: #FFFFFF;
    font-family: Verdana,Helvetica,Sans-Serif;
    font-size: 8pt;
    text-align: center;
    height:20px;
}
.label-details
{
    color: #FFFFFF;
    font-family: Verdana,Helvetica,Sans-Serif;
    font-size: 8pt;
    font-weight:bold;
}

/*****CSS for filter condition, button, son.le 04-12-2010*/
.filter-block
{
    border-bottom: solid 1px #cfcfcf;
    border-right: solid 2px #CFCFCF;
    padding: 10px 0 10px 5px;     
    background-color: #f5f5f5;
}

.button-block
{
    border-bottom: solid 2px #000;
    border-right: solid 2px #CFCFCF;
    padding: 10px 0 10px 5px;
    background-color: #f5f5f5;
    text-align:left;
}

.button-block-bottom
{
    border-top: solid 2px #000;
    border-right: solid 2px #CFCFCF;
    padding: 10px 0 10px 5px;
    background-color: #f5f5f5;
    text-align:left;
}

.button-block input[type="button"],
.button-block-bottom input[type="button"]
{width: 80px;}
.button input[type="button"]{width: 80px;}
.button input[type="submit"]{width: 80px;}

ul.summary
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 15px;
}

ul.summary li
{
	padding: 2px 0px;
}

ul.row-details { list-style-type: none; margin: 0; padding: 0 0 0 10px; font-family: Tahoma; }  
ul.row-details li { float: left; width: 100%; }

#warning { color: Red; font-weight: bold; }

.money { text-align: right; } /* ĐỊNH DẠNG SỐ TIỀN */
.icon-block { margin: 10px auto; }

/*****END CSS FOR FILTER CONDITION, SON.LE 04-12-2010*/